<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <h1>{{name}}</h1>
        <h2>{{obj}}</h2>
        <h2>{{ary}}</h2>
        <span v-show='false'>{{t}}</span>
    </div>
</body>
</html>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
    let vm = new Vue({
        el:'#app',
        data:{
            name:"珠峰",
            t:0,
            obj:{
              a:123,
              
            },
            ary:[1,2,3,4,5]
        }
    });
    /* 
      更改数据 触发视图更新 1-视图中有用到对应属性  2-属性被劫持
    
      数据更改 视图没有更新 ： 你更新的数据 不是被劫持的数据
      源对象 = Objec.assign({目标对象},源对象)
      实例.$set(目标对象，要加的属性名，对应的值)
    
      对于数组来说 能触发试图更新的 push pop   unshift shift  reverse  sort  splice  (变异方法)
    */
</script>